@charset "utf-8";
/* @media (max-width:1280px) {
    html{
        font-size: calc(100vw/12.8);
    }
} */
@font-face {
  font-family: 'iconfont';  /* project id 1738866 */
  src: url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.eot');
  src: url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.woff') format('woff'),
  url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1738866_2h32jfaipg5.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';   
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Bold.otf'); 
}
@font-face {
  font-family: 'SourceHanSansCN-ExtraLight';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-ExtraLight.otf');     
}
@font-face {
  font-family: 'SourceHanSansCN-Heavy';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Heavy.otf');     
}
@font-face {
  font-family: 'SourceHanSansCN-Light';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Light.otf');      
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Medium.otf');      
}
@font-face {
  font-family: 'SourceHanSansCN-Normal';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Normal.otf');      
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';  
  src: url('http://2019-gjhl-biz.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSansCN-Regular.otf');      
}
.allts{
    transition: all .35s linear;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -o-transition: all .35s linear;
}
.allts:hover{
    transition: all .35s linear;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -o-transition: all .35s linear;
}
.bgs{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bgc{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.innerWidth{
    width: 1300px;
    margin: 0 auto;
}
.subTitle{
    width: 100%;
    height: auto;
    text-align: center;
    color: #000000;
    line-height: 1;
}
.subTitle h1{
    font-family: 'SourceHanSansCN-Bold';
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 300;
}
.subTitle p{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
}
.subMore{
    display: block;
    margin: 10px auto 0;
    width: 208px;
    height: 47px;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
    line-height: 48px;
    letter-spacing: 0px;
    color: #359c0f;
    border-radius: 6px;
    border: dashed 1px #359c0f;
    text-align: center;
    
}
.subMore:hover{
    background-color: #359c0f;
    color: #fff;
}
.subBanner{
    width: 100%;
    background-color: rgb(238 238 238 / 50%);
    height: auto;
}
.subBanner .img{
    width: 100%;
    height: 545px;
}
.view_title{
    float: right;
    width: 460px;
    height: auto;
    line-height: 1;
    color:#fff;
}
.view_title h1{
    font-family: 'SourceHanSansCN-Bold';
    font-size: 48px;
    letter-spacing: 5px;
    font-weight: 400;
    margin-bottom: 25px;
}
.view_title h3{
    font-family: 'SourceHanSansCN-Bold';
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 15px;
}
.view_title p{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
}
.subBanner .innerWidth{
    position: absolute;
    top: 0;
    width: 1000px;
}
.head{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: rgba(255,255,255,.35);
    box-shadow: 0px 7px 9px 0px 
        rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 20px 35px;
}
.head.fixed{
    background-color: #ffffff;
}
.head .logo{
    width: auto;
    height: 100%;
    margin-right: 45px;
}
.head .logo img{
    display: block;
    width: auto;
    height: 100%;
}
.head .language{
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 15px;
	padding-top: 20px;
    z-index: 9999;
}
.head .search{
    width: auto;
    height: 40px;
    margin-left: 15px;
    border-radius: 6px;
    overflow: hidden;
}
.head .search_btn{
    display: block;
    width: 50px;
    
    height: 40px;
    background-color: #359c0f;
    background-size: 21px;
    background-image: url(../images/icon_12.png);
    
}

.head .search .po{
    display: none;
    width: 255px;
    height: 40px;
    background-color: #3db411;
    padding: 0 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}
.head .search:hover .po{
    display: block;
}
.head .po .serarch_input{
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
    background-color: transparent;
}
.head input.serarch_input::-webkit-input-placeholder{
    color:#fff;
}
.head input.serarch_input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
.head input.serarch_input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.head input.serarch_input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}
.head .language_block{
    width: 139px;
    height: 40px;
    background-color: #359c0f;
    border-radius: 6px;
}
.head .language_block:hover {
    border-radius: 6px 6px 0 0;
}
.head .language_text{
    display: block;
    width: 100%;
    height: 100%;
    padding:0 20px 0 45px;
    background-image: url(../images/icon_11.png);
    background-size: 25px;
    background-position: 10px center;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.head .language_list{
    position: absolute;
    top: 40px;
    display: none;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #3db411;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.head .language_block:hover .language_list{
    display: block;
}
.head .language_item{
    display: block;
    text-align: center;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    border-bottom: 1px solid #009944;
}
.head .language_item:last-child{
    border-bottom:none;
}
.head .nav{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.head .nav li{
    float: left;
    width: auto;
    height: 100%;padding-right:10px;
}

.head .nav_item{
    display: block;
    width: auto;
    padding: 0 16px;
    height: 100%;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.head.fixed .nav_item{
    color: #000000;
}
.head .nav_item:hover,.head .nav_item.active{
    color: #ffffff;
    background-color: #009944;
    border-radius: 6px;
}
.head .subNav{
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    background-color: #3db411;
    border-radius: 0px 6px 6px 6px;
}
.hasSub:hover .subNav{
    display: block;
}
.head .subNav_item{
    display: block;
    width: 100%;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    border-bottom: 1px solid #009944;
    white-space: nowrap;
    padding: 0 15px;
}
.head .subNav_item:last-child{
    border-bottom:none;
}
.layui-container {
    width: 100% !important;
    padding: 0 !important;
}
.foot{
    width: 100%;
    height: auto;
     clear: both;
}
.foot_nav{
    width: 100%;
    height: 76px;
    background-color: #359c0f;
    line-height: 76px;
    display: flex;
    justify-content: center;
}
.foot_nav_item{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
    color: #ffffff;
    display: block;
    width: auto;
    padding: 0 16px;
}
.foot .company{
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
    color: #000000;
    border-top: 1px solid rgba(0,0,0,.17);
}
.foot .innerWidth{
    padding: 40px 0;
}
.foot .logo{
    width: 135px;
    margin-right: 45px;
}
.foot .code{
    width: 320px;
    height: 165px;
    margin-right: 45px;
    border-left: 1px solid rgba(0,0,0,.17);
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
    color: #000000;
    text-align: center;
    line-height: 1;
}
.foot .code img{
    display: block;
    width: 115px;
    margin: 0 auto 10px;
}
.foot .po .fl{
    width: 50%;
    display: flex;
    height: 165px;
    flex-direction: column;
    justify-content: center;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 14px;
    line-height: 36px;
    color: #000000;
}
.page{
    width: 100%;
    height: 37px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 80px;
}
.page-num{
    display: block;
    border-radius: 50%;
    width: 37px;
    line-height: 37px;
    height: 100%;
    text-align: center;
    background-image: linear-gradient(
        #eeeeee, 
        #eeeeee), 
    linear-gradient(
        #000000, 
        #000000);
    background-blend-mode: normal, 
        normal;
    font-family: '微软雅黑';
    font-size: 12px;
    color: #000000;
    margin-right: 7px;
}
.swiper-pagination-bullet-active {
        opacity: 1;
        background: #359c0f;
    }
.page-num:last-child{
    margin-right: 0;
}
.page-num.page-num-current,.page-num:hover{
    color: #009b4c;
    background-image: linear-gradient(
        #ffffff, 
        #ffffff), 
    linear-gradient(
        #000000, 
        #000000);
    background-blend-mode: normal, 
        normal;
    border: solid 2px #7fc843;
    line-height: 33px;
}
@media only screen and (max-width: 750px){
   .innerWidth{
       width: 100%;
   }
   .subTitle h1{
       font-size: 0.3rem;
       margin-bottom: .15rem;
   }
   .subTitle p{
       font-size: 0.24rem;
   }
   .subMore{
       display: block;
       margin: .3rem auto 0;
       width: 100%;
       height: 0.7rem;
       font-size: 0.24rem;
       line-height: 0.7rem;
       border-radius: 0.06rem;
   }
   .subBanner{
       width: 100%;
       background-color: rgb(238 238 238 / 50%);
       height: auto;
   }
   .subBanner .img{
       width: 100%;
       height: auto;
   }
   .view_title{
       float: right;
       width: 460px;
       height: auto;
       line-height: 1;
       color:#fff;
   }
   .view_title h1{
       font-family: 'SourceHanSansCN-Bold';
       font-size: 48px;
       letter-spacing: 5px;
       font-weight: 400;
       margin-bottom: 25px;
   }
   .view_title h3{
       font-family: 'SourceHanSansCN-Bold';
       font-size: 24px;
       letter-spacing: 1px;
       color: #ffffff;
       font-weight: 400;
       margin-bottom: 15px;
   }
   .view_title p{
       font-family: 'SourceHanSansCN-Regular';
       font-size: 14px;
   }
   .subBanner .innerWidth{
       position: absolute;
       top: 0;
       width: 1000px;
   }
   .head{
       height: 1.06rem;
       background-color: #ffffff;
       box-shadow: none;
       padding: 0 0 0 .24rem;
   }
   .head .logo{
       margin-right: 0;
       padding: .13rem 0;
   }
   .head .logo img{
       display: block;
       width: auto;
       height: 100%;
   }
   .head .icon_group{
       width: auto;
       float: right;
       display: flex;
       height: 100%;
       align-items: center;
   }
   .head .icon_item{
       display: block;
       float: left;
       width: 1.06rem;
       height:100%;
       background-size: .35rem;
     /*  margin-right: .75rem; */
   }
   .head .icon_item:last-child{
       margin-right: 0;
   }
   .head .icon_item.one{
       background-image: url(../images/wap_icon_3.png);
   }
   .head .icon_item.two{
       background-image: url(../images/wap_icon_.png);
   }
   .head .icon_item.thr{
       background-image: url(../images/wap_icon_1.png);
   }
   .head .icon_item.thr.active{
       background-color: #359c0f;
       background-image: url(../images/wap_icon_1_active.png);
   }
   .head .menu{
       transform: translate(100%,0);
       position: absolute;
       width: 100vw;
       height: calc(100vh - 1.06rem);
       background-color: #fff;
       top: 1.06rem;
       left: 0;
   }
   .head .menu.tran{
       transform: translate(0,0);
   }
   .head .nav{
       width: 3.15rem;
       height:100%;
       background-color: #359c0f;
       margin-top: 0;
       line-height: 1rem;
   }
   .head .nav_item{
       width: 100%;
       padding: 0;
       height: 1rem;
       font-size: 0.24rem;
       text-align: center;
       font-family: 'SourceHanSansCN-Regular';
       letter-spacing: 0.01rem;
   }
   .head.fixed .nav_item{
       color: #fff;
   }
   .head .nav_item:hover,.head .nav_item.active{
       color: #009944;
       background-color: #fff;
       border-radius: 0;
   }
   .head .pro_menu{
       height: 100%;
   }
    .head .pro_menu .ctrl{
        display: block;
        width: 100%;
       	height: 0.88rem;
        line-height: 0.88rem;
       	background-color: #00a0e9;
       	box-shadow: 0rem 0.08rem 0.21rem 0rem 
        rgba(0, 0, 0, 0.08);
        padding: 0 .3rem;
        font-family: 'SourceHanSansCN-Regular';
        font-size: 0.24rem;
        letter-spacing: 0.01rem;
        color: #ffffff;
    }
    .head .pro_menu .icon{
        display: block;
        width: 0.49rem;
        height: 0.48rem;
        margin-top: .2rem;
        margin-right: .2rem;
    }
    .head .pro_menu_list{
        height: auto;
    }
    .head .pro_menu_item{
        display: block;
        height: 0.81rem;
        line-height: 0.81rem;
        padding: 0 .3rem;
        background-color: #ffffff;
        font-family: 'SourceHanSansCN-Regular';
        font-size: 0.24rem;
        letter-spacing: 0.01rem;
        color: #444444;
    }
    .head .pro_menu_item:nth-child(even){
        background-color: #eeeeee;
    }
   .layui-container {
       width: 100% !important;
       padding: 0 !important;
   }
   .foot{
       width: 100%;
       height: auto;
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: .7rem .7rem .9rem;
   }
   .foot .company{
       height: auto;
       line-height: 0.48rem;
       font-size: .24rem;
       color: #000000;
       border-top: none;
   }
   .foot .code{
       width: 3.34rem;
       height: auto;
       margin-right:0px;
       padding: 0 .2rem;
       border-left: none;
       font-size: 0.24rem;
       margin-bottom: .55rem;
   }
   .foot .code img{
       display: block;
       width: 100%;
       margin: 0 auto .1rem;
   }
  
   .page{
       width: 100%;
       height: 37px;
       display: flex;
       justify-content: center;
       flex-direction: row;
       margin-bottom: 80px;
   }
   .page-num{
       display: block;
       border-radius: 50%;
       width: 37px;
       line-height: 37px;
       height: 100%;
       text-align: center;
       background-image: linear-gradient(
           #eeeeee, 
           #eeeeee), 
       linear-gradient(
           #000000, 
           #000000);
       background-blend-mode: normal, 
           normal;
       font-family: '微软雅黑';
       font-size: 12px;
       color: #000000;
       margin-right: 7px;
   }
   .page-num:last-child{
       margin-right: 0;
   }
   .page-num.page-num-current,.page-num:hover{
       color: #009b4c;
       background-image: linear-gradient(
           #ffffff, 
           #ffffff), 
       linear-gradient(
           #000000, 
           #000000);
       background-blend-mode: normal, 
           normal;
       border: solid 2px #7fc843;
       line-height: 33px;
   }
   .wap_more{
       font-family: 'SourceHanSansCN-Regular';
       	font-size: 0.24rem;
       	font-weight: normal;
       	font-stretch: normal;
       	line-height: 0.48rem;
       	letter-spacing: 0.01rem;
       	color: #989898;
        text-align: center;
   }
}